<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		
		<script src="../js/new_file.js"></script>
		<script src="../js/vue.min.js"></script>
		<script src="../js/vant.min.js"></script>
		<script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></script>
		<script src="../js/ajax.js"></script>
		<script src="html5plus://ready"></script>
		<script src="../js/listener_other.js"></script>
		<link rel="stylesheet" href="../css/index.css" />
		<title>个人中心</title>
	</head>

	<body style="background-color: #C8C9CC;">
		<div id="app">
			<header id="header1" style=" background-color:orangered; height:100px;line-height:46px;padding-top: 8%;">
						<span  @click="url('../personcenter/denglu.html')">
							<span id="imgtou" style="margin-left: 5%;"  >
								
								<img  :src="imgurl" style="width: 55px; height: 66px; border: solid 1px lightgray; border-radius: 80%;"  / >
								<span  v-model="Nameuser" style="text-align: center;color: white;">{{Nameuser}}</span>
							</span>
							<span id="img" >
								<van-icon name="manager"  color="#CCC"  size="55px"  style="padding-left: 5%;margin-top: 25px;"></van-icon>
								<span  v-model="Nameuser" style="text-align: center;color: white; size:20px">{{Nameuser}}</span>
							</span>
							
							
						</span>
			</header><br />
			
			<van-row style="background-color: white;padding-top: 5%;margin-bottom: 5%;">

				<van-col span="6" style="text-align: center;" >
						<span @click="URL('../views/shopping.html')"><van-icon name="shopping-cart-o" size="30px" /></span> <br /><span>待支付</span>
				</van-col>
				<van-col span="6" style="text-align: center;" >
						<span @click="URL('../personcenter/wodedingdan1.html')"><van-icon name="records" size="30px" /></span> <br /><span>待收货</span>
				</van-col>
				<van-col span="6" style="text-align: center;" >
						<span @click="URL('../personcenter/wodedingdan1.html')"><van-icon name="comment-o" size="30px" /></span> <br /><span>待评价</span>
				</van-col>
				<van-col span="6" style="text-align: center;" >
						<span @click="URL('../personcenter/wodedingdan.html')"><van-icon name="orders-o" size="30px" /></span> <br /><span>我的订单</span>
				</van-col>
			</van-row>
			<van-cell-group @click="URL('../personcenter/Data.html')">
					<van-cell title="个人资料" icon="manager-o" is-link arrow-direction="down"  />
			</van-cell-group>
			<van-cell-group @click="URL('../personcenter/Dizhi.html')">
					<van-cell title="收货地址" icon="location-o" is-link arrow-direction="down" />
			</van-cell-group>
			<van-cell-group @click="URL('../personcenter/shoucang.html')">
					<van-cell title="我的收藏" icon="like-o" is-link arrow-direction="down" />
			</van-cell-group>
			<van-cell-group style="background-color: white;margin-top: 5%;" @click="URL('../personcenter/Shezhi.html')">
					<van-cell title="设置" icon="setting-o" is-link arrow-direction="down" />
			</van-cell-group>
		</div>
		<script type="text/javascript">
			var vm = new Vue({

				el: "#app",

				data: {
						imgurl:"",
						Nameuser:"",
						if: false
				},
				
				mounted:function(){
			
					if(localStorage.getItem("Error")==false||localStorage.getItem("Error")=="false"){
						
						
						this.imgurl = localStorage.getItem("imgurl");
						this.Nameuser=localStorage.getItem("Name");
						document.getElementById("img").style.display="none";
						document.getElementById("imgtou").style.display="block";	
						
						
						
					}else{
						document.getElementById("img").style.display="block";
						document.getElementById("imgtou").style.display="none";
						this.Nameuser="未登录";
					}
				},
				methods: {
					URL:function(url){
						plus.webview.open(url);
						
					},
					url:function(url){
						if(localStorage.getItem("Error")=="false"){
							alert("您已经登录");
							
						}else{
							
							plus.webview.open(url);
							
							
						}
						
					
						
					}
				}

			});
		</script>
	</body>

</html>